<template>
    <div>
        <transition :name="fade">
            <keep-alive>
                <router-view name="body" class="child-view"></router-view>
            </keep-alive>
        </transition>
        <router-view name="footer"></router-view>
    </div>
</template>
<script>
    export default {
        name: 'mainComps',
        beforeRouteUpdate (to, from, next) {
            this.fade = 'fade'
            next();
        },
    }
</script>
